@each $item in 0,12,14,16,18,20,22,24,26,28,30,32,36,38,40 {
  .f-$(item) {
    font-size:$(item)px;
  }
  .f-rem-$(item){
    font-size: .$(item)rem;
  }
}

@each $item in -1, 0, 2, 3, 4, 5, 8, 10, 12, 15, 16, 20, 25, 30, 34 {
  .pad-$(item) {
    padding: $(item)px;
  }

  .pad-lr-$(item) {
    padding-left: $(item)px;
    padding-right: $(item)px;
  }

  .pad-l-$(item) {
    padding-left: $(item)px;
  }

  .pad-r-$(item) {
    padding-right: $(item)px;
  }

  .pad-tb-$(item) {
    padding-top: $(item)px;
    padding-bottom: $(item)px;
  }

  .pad-t-$(item) {
    padding-top: $(item)px;
  }

  .pad-b-$(item) {
    padding-bottom: $(item)px;
  }

  .margin-$(item) {
    margin: $(item)px;
  }

  .margin-lr-$(item) {
    margin-left: $(item)px;
    margin-right: $(item)px;
  }

  .margin-l-$(item) {
    margin-left: $(item)px;
  }

  .margin-r-$(item) {
    margin-right: $(item)px;
  }

  .margin-tb-$(item) {
    margin-top: $(item)px;
    margin-bottom: $(item)px;
  }

  .margin-t-$(item) {
    margin-top: $(item)px;
  }

  .margin-b-$(item) {
    margin-bottom: $(item)px;
  }
}

@each $item in 0,5,10,15,20,25,30,33,34,35,40,45,50,55,60,65,70,75,80,85,90,95,100 {
  .h-$(item) {
    height: $(item)%;
  }
  .w-$(item){
    width: $(item)%;
  }
}

@each $item in 0,100,200,300,400,500,600,700,800 {
  .fw-$(item){
    font-weight: $(item);
    font-family: 'MicrosoftYaHei-Bold', '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif, 'MicrosoftYaHei-Bold', '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif-600;
  }
}

@each $item in 2,4,10 {
  .radius-$(item) {
    border-radius: $(item)px;
  }
}

*[justify-content="end"] {
  justify-content: flex-end
}

*[justify-content="space-between"] {
  justify-content: space-between
}

*[justify-content="center"] {
  justify-content: center;
}

*[align-items="center"] {
  align-items: center;
}

.mu-module-title {
  color: #333;
  fill: #333;
  font-size: 16px;
  font-weight: 600;
  font-family: 'MicrosoftYaHei-Bold', '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif, 'MicrosoftYaHei-Bold', '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif-600;
}

.mu-bar-pad,[mu-bar-pad] {
  padding: 8px 16px;
}

.text-link {
  cursor: pointer;
  text-decoration: none;
	color: #008cd6;
  &:hover {
    text-decoration: underline;
  }
}

.pointer {
  cursor: pointer;
}

.flex-divider {
  flex: none;
  height: 8px;
  width: 8px;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-box {
  height: 32px;
  line-height: 32px;
}

*[no-border] {
  border: none !important;
}

*[border-bottom] {
  border-bottom: 1px solid #ebecf0;
}

*[border-top] {
  border-top: 1px solid #ebecf0;
}

*[border-left] {
  border-left: 1px solid #ebecf0;
}

*[border-right] {
  border-right: 1px solid #ebecf0;
}

*[border-all] {
  border: 1px solid #ebecf0;
}

*[bordered-bottom] {
  border-bottom: 1px solid rgba(0,0,0,.15);
}

*[bordered-top] {
  border-top: 1px solid rgba(0,0,0,.15);
}

*[bordered-left] {
  border-left: 1px solid rgba(0,0,0,.15);
}

*[bordered-right] {
  border-right: 1px solid rgba(0,0,0,.15);
}

*[bordered-all] {
  border: 1px solid rgba(0,0,0,.15);
}

*[no-border] {
  border: none !important;
}

*[no-border-top] {
  border-top: none !important;
}

*[no-border-right] {
  border-right: none !important;
}

*[no-border-bottom] {
  border-bottom: none !important;
}

*[no-border-left] {
  border-left: none !important;
}

*[text-align="center"] {
  text-align: center;
}

*[text-align="right"] {
  text-align: right;
}

*[text-align="left"] {
  text-align: left;
}

.mu-list-divider[no-margin] {
  margin: 0;
}

.bg-light-blue {
  background-color: #f4fbff;
}

.bg-dark-blue {
  background-color: #F8FAFB;
}

.bg-grey {
  background-color: #EBECF0;
}

.bg-grid {
  background-color: #F5F5F5;
}

.bg-step {
  background-color: #F3F4F8;
}

.bg-white {
  background-color: #ffffff;
}

.bg-primary{
  background-color: #008CD6;
}

.bg-leaf {
  background-color: #FBFBFB;
}

.bg-half-black {
  background-color: rgba(0,0,0,.5);
}

.bg-half-black:hover {
  cursor:pointer;
}

.text-primary {
  color: #008cd6;
}

.text-danger {
  color: #f57a79;
}

.text-white {
  color: #ffffff;
}

.text-success {
  color: #52c41a;
}

.text-cancel {
  color: #666666;
}

.nowrap {
  white-space: nowrap !important;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t-nowrap {
  white-space: nowrap !important;
}

.overflow-h {
  overflow: hidden;
}

.overflow-x {
  overflow: auto hidden;
}

.overflow-y {
  overflow: hidden auto;
}

.hovers:hover {
  color: #008cd6;
  background-color: #f4fbff;
}

.absolute-box {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}

#absolute-box {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}

.mu-dialog .mu-form {
  background: #f1f2f4;
}

.mu-dialog-title {
  font-size: 14px;
  font-weight: 400;
}

.mu-dialog-body {
  border-bottom: 1px solid rgba(0, 0, 0, .09);
}

.mu-list-divider[no-margin] {
  margin: 0;
}

.flex-box {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

*[flex-direction="column"] {
  flex-direction: column;
}

*[align-items="center"] {
  align-items: center;
}

*[align-items="stretch"] {
  align-items: stretch;
}

*[justify-content="center"] {
  justify-content: center;
}

*[justify-content="stretch"] {
  justify-content: stretch;
}

.mu-list-divider[no-margin] {
  margin: 0;
}

*[flex-auto] {
  flex: auto;
}

.absolute-box {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}

#absolute-box {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}

.mu-flex-box > [bordered-top], .mu-flex-box[bordered-top] {
  border-top: 1px solid rgba(0,0,0,.15);
}

.mu-flex-box > [bordered-left], .mu-flex-box[bordered-left] {
  border-left: 1px solid rgba(0,0,0,.15);
}

.mu-flex-box > [bordered-right], .mu-flex-box[bordered-right] {
  border-right: 1px solid rgba(0,0,0,.15);
}

.mu-flex-box > [bordered-bottom], .mu-flex-box[bordered-bottom] {
  border-bottom: 1px solid rgba(0,0,0,.15);
}

.mu-tabs-header {
  &[tab-position=top],
  &[tab-position=bottom] {
    & > .mu-tab-item {
      padding-left: 16px;
      padding-right: 16px;
      & + .mu-tab-item  {
        margin-left: 0;
      }
    }
  }

  &[tab-position=top][tab-style=card][direction=row] {
    & > .mu-tab-item[active] {
      font-weight: bold;
      &:before {
        height: 0;
      }
    }
  }
}

.mu-tabs-header[tab-position=top][tab-style=card] > .mu-tab-item {
  max-width: 200px;
}

.kaka-grid__inline-menu {
  z-index: 99
}
.kaka-grid__tooltip-element__content {
  white-space: pre-wrap;
}
